
function remSize() {
    // 获取设备的宽度
    var deviceWidth = document.documentElement.clientWidth || window.innerWidth

    if (deviceWidth >= 980) {
        deviceWidth = 980
    }
    if (deviceWidth <= 320) {
        deviceWidth = 320
    }
    // 750px --> 1rem = 100px,375px -->1rem = 50px
    // 我们按照iphone12的来进行适配
    document.documentElement.style.fontSize = (deviceWidth / 9.8) + 'px'

    // 设置字体的大小
    // 获取网页中的body
    document.querySelector('body').style.fontSize = 0.3 + 'rem'
}

remSize()

// 当窗口发生变化，则进行放大缩小等进行网页的适配
window.onresize = function () {
    remSize()
}
